<template>
    <div class="prefer-wrapper vux-1px-tb">
        <div class="ticket prefer-items vux-1px-r"></div>
        <div class="tourist prefer-items"></div>
    </div>
</template>

<script>
export default {
  name: 'Preferential'
}
</script>

<style lang="stylus" scoped>
  .vux-1px-tb:before
    border-top: 1px solid #e0e0e0
  .vux-1px-tb:after
    border-bottom: 1px solid #e0e0e0
  .prefer-wrapper
    display: flex
    background: #fff
    margin-top: .3rem
    .prefer-items
      flex: 1
      width: 50%
      display: inline-block
      background-size: contain !important
      padding-bottom:20%
    .ticket
      background: url('~@/assets/images/ticket.png') no-repeat
    .tourist
      background: url('~@/assets/images/tourist.png') no-repeat
</style>
